<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<head>
</head>
<body>

	<ui:composition template="/pages/templates/layout_menu_login.xhtml">
		<ui:define name="title_page">#{language['application.name']} - Autenticação</ui:define>
	
		<ui:define name="content">
			
			<section class="slice bg-3">
        <div class="w-section inverse">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
                        <div class="w-section inverse">                       
                            <div class="w-box sign-in-wr bg-5">
                                
                                <div class="form-header">
                                    <h3 class="panel-title">Autenticação</h3>
                                </div>
                                <div class="form-body">
                                    <h:panelGroup rendered="#{facesContext.externalContext.requestParameterMap.erro == 'nao-logado'}">
										<div>
											<h:outputText value="Essa é uma área restrita, para acessar esta área do sistema você precisa de um login e senha"
												  styleClass="rf-msg-det"/>
										</div>
									</h:panelGroup>
									<h:panelGroup rendered="#{facesContext.externalContext.requestParameterMap.erro == 'erro-autenticacao'}">
										<div>
											<h:outputText value="Login ou Senha inválidos, por favor, tente novamente"
														  styleClass="rf-msg-det"/>
										</div>
									</h:panelGroup>
                                    <h:form role="form" class="form-light padding-15" id="form_autenticacao">
                                    	<div>
											<h:message for="form_autenticacao"/>
										</div>
										<br/>
										
										<!-- Modal Recuperar Senha -->
										<div class="modal fade" id="modal_recuperar_senha" tabindex="-1"
											 role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
											<div class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
															<h:graphicImage url="/resource/images/icons/glyphicons_207_remove_2.png"/>
														</button>
														<h4 class="modal-title" id="myModalLabel">Recuperar Senha</h4>
													</div>
													<div class="modal-body">
														Se você esqueceu sua senha,
														entre em contato com o administrador do sistema solicitando
														uma nova.
													</div>
													<div class="modal-footer">
														<button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
													</div>
												</div><!-- /.modal-content -->
											</div><!-- /.modal-dialog -->
										</div><!-- /.modal -->
									</h:form>
									<form action="#{facesContext.externalContext.request.contextPath}/j_spring_security_check" method="post" class="form-group">
										<div class="form-group">
                                        	<label for="j_username" >Login</label>
                                        	<input type="text" class="form-control" id="j_username" name="j_username" placeholder="Login"/>
                                        </div>
                                        <div class="form-group">
                                        	<label for="j_password">Senha</label>
                                        	<input type="password" class="form-control" id="j_password" name="j_password" placeholder="Senha"/>
                                        </div>
                                        
										<div class="row">
											<div class="col-sm-offset-2 col-sm-10">
												<button type="submit" class="btn btn-two pull-right">Entrar</button>
											</div>
										</div>
									</form>
                                </div>
                                <!-- <div class="col-md-6">
                                	
                                	<br />
                                </div> -->
                                <div class="row">
				                    <div class="text-center">
				                   		<h:outputLink value="#{facesContext.externalContext.request.contextPath}/pages/publico/usuario_cadastro.xhtml">
                                					<label class="control-label">Cadastre-se</label>
                                				</h:outputLink>
                                				<br />
				                            	<h:outputLink value="#{facesContext.externalContext.request.contextPath}/pages/publico/recupera_senha.xhtml">
                                					<label class="control-label">Esqueceu login</label>
                                				</h:outputLink>
                                				<br />
				                    </div>
				                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
		</ui:define>
	</ui:composition>
</body>
</html>